<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>精岩工作室-首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
// ]]>
</script>
<style type="text/css">
.gallery { width:860px; height:250px; margin:0 auto; padding:0; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:860px; height:250px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:16px; height:26px; position:absolute; left:-40px; top:-150px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:16px; height:26px; position:absolute; left: 880px; top:-150px; }
#prevBtn a { display:block; width:16px; height:26px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:16px; height:26px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="block_header">
      <div class="logo"><a href="index.html"><img src="images/logo.gif" width="381" height="143" border="0" alt="logo" /></a></div>
      
      <div class="search">
        
        <form id="form1" name="form1" method="post" action="">
          <label>
            <span>
            <input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="查找" />
            </span>
            <input name="b" type="image" src="images/search.gif" class="button" />
            
          </label>
        </form>
        
      </div>
      
      <div class="menu">
        <ul>
          <li><a href="index.html" class="active"><span>首页</span></a></li>
          <li><a href="about.html"><span>关于我们</span></a></li>
          <li><a href="Portfolio.html"><span>作品展示</span></a></li>
          <li><a href="contact.html"><span>联系我们</span></a></li>
          
        </ul>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="slider_top">
    <div class="header_text">
      <div class="gallery">
        <div id="slider">
          <ul>
            <li>
              <div class="div">
                <div class="left1">
                  <h2>单词故事 </h2>
                  <p> 我们的新应用“单词故事”已经在官方市场中上线，在官方市场中查找“单词故事”，就可以找到，试试看吧.</p>
                  <p><a href="#"><img src="images/Sing_up.gif" alt="picture" width="116" height="35" border="0" /></a></p>
                </div>
                <img src="images/simple_img_1.jpg" alt="screen 1" width="416" height="240" border="0" class="screen"  /> </div>
            </li>
            <li>
              <div class="div">
                <div class="left1">
                  <h2>儿歌童谣 </h2>
                   <p> 适合学龄前儿童的Android应用，收集了大量的儿歌童谣，小朋友的最爱.</p>
                  </p>
                  <p><a href="#"><br />
                    <br />
                    <img src="images/Sing_up.gif" alt="picture" width="116" height="35" border="0" /></a></p>
                </div>
              <img src="images/simple_img_2.jpg" alt="screen 1" width="416" height="240" border="0" class="screen"  /> </div>
            </li>
          </ul>
          <div class="clr"></div>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <!--<div class="top_bg">
  <div class="top_bg_resize"><img src="images/img_top.gif" alt="picture" /></div>
  <div class="clr"></div>
  </div>-->
  <div class="clr"></div>
  <div class="FBG">
  <div class="FBG_resize">
    <div class="Recent">
    <img src="images/top_img_1.gif" alt="picture" width="61" height="60" />
<p><strong>单词故事</strong><br />
  看美剧学英文<br /> 
  了解地道的单词用法<br /> 
  分享自己的学习心得 <br />
  </p>
    </div>
    <div class="Recent">
    <img src="images/app_tongyao.png" alt="picture" width="61" height="60" />
<p><strong>儿歌童谣</strong><br />
  下载并且播放经典的中文儿歌童谣<br /> 
  适合学龄前的小朋友</p>
    </div>
    <div class="Recent">
    <img src="images/top_img_3.gif" alt="picture" width="61" height="60" />
<p><strong>期待更多</strong><br />
  期待更多... <br />
  </p>
    </div>
    <div class="Recent2">
    <img src="images/top_img_4.gif" alt="picture" width="61" height="60" />
<p><strong>期待更多</strong><br />
  期待更多... <br />
  </p>
    </div>
    <div class="clr"></div>
  </div>
  <div class="clr"></div>
</div>
  <div class="clr"></div>
  <div class="body">
    <div class="body_resize">
      <div class="left">
        <h4>欢迎访问精岩工作室<br /><h4>
        <h2><span>我们让android平台更有趣</span></h2>
        <!--<p><strong>关于.</strong> <br />
        Phasellus iaculis varius est at laoreet. Praesent laoreet ornare odio id porta. Aenean quis leo justo, sit amet varius purus. Ras vitae enim nulla. Aenean tristique eros in mauris porta id suscipit libero scelerisque. Sollicitudin vel sollicitudin qui facilisis non massaNam id jus nisl ullamcorper laoreet nec ut diam. Nam eget nisi dui, vita hendrerit risus. Nunc non mas neque, at rhoncus nulla.Vivamus in metus nisi, ut gravida dolor.</p>
        <p>Pellentesque fermentum aliquam interdum. Mauris ligula dui, gravida nec tempus mollis, tempor at odio. Ut porttitor, orci sagittis pretium varius, felis sapien pharetra eros, quis fermentum dui ligula eget justo. <a href="#">read more</a></p>
        <h2>What We Do.<br />
       <span> Lorem Ipsum as their default model text...</span></h2>
       <img src="images/img_1.gif" alt="picture" />
        <p><strong>Suspendisse adipiscing rhoncus massa, sit amet sollicitudin quam vulputate non. In non turpis nisl. </strong><br />
        Curabitur purus mi, pharetra vitae viverra et, mattis sit amet nunc. Quisque enim ipsum, convallis sit amet molestie in, placerat vel urna. <a href="#">read more </a></p>
        -->
      </div>
      <div class="right">
        <h2>最近更新<br />
       <span> 了解我们的最新动态</span></h2>
        <p><strong>精岩工作室网站上线啦...</strong><br />
          请持续关注我们，更多的好应用将不断推出，欢迎联系我们，发表您的意见和建议.<br />
          <em><span> 2011-2-18</span></em> </p>
      </div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="footer">
  <div class="footer_resize">
  <p class="leftt">© Copyright 2011. www.delicaterock.com. All Rights Reserved<br />
    <a href="#">首页</a> | <a href="#">联系我们</a> 
    <p class="rightt">&nbsp;</p>
    <div class="clr"></div>
  <div class="clr"></div>
</div>
</div>
</div>


</body>
</html>